html, body {
	/*position:relative;
	height:100%;*/
	color:#222;
	font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	/*background-color:#f0f0f0;*/
	margin:0;
	padding: 0;
	text-decoration: none;
}
body >.tips {
	position:fixed;
	display:none;
	top:50%;
	left:50%;
	z-index:100;
	text-align:center;
	padding:20px;
	width:200px;
}
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}
address, caption, cite, code, dfn,  th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style: none outside none;
	margin:0;
	padding: 0;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
a {
	color:#000000;
	text-decoration: none;
}
.left{ float:left}
.right{ float:right}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
	color:#000;
}

.page {
	padding:15px;
}
.page .page-error, .page .page-loading {
	text-align:center;
	position:relative;
	line-height:30px;
}
.btnList {
	height:30px;
	margin: 10px 10px;
}

#btnLeft, #btnRight {
	width:49%;
	text-align:center;
	cursor:pointer;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 26px;
	background-color: #FFFFFF;
	padding:5px 0;
}
#btnLeft {
	float:left;
}

#btnRight {
	float:right;
}


.star{
	background-position: 0 -24px;
	width: 120px;
	height: 24px;
	overflow: hidden;
	margin: 10px 0;
}

 .rate_star{
 	background-position: 0 -24px;
	background-image: url(../images/webpage/star.png);
	width: 120px;
	height: 24px;
	overflow: hidden;
	margin: 10px 0;
 }
.rate_star li {
	float: left;
	width: 24px;
	height: 24px;
}

.star a.w1 {
	width: 24px;
}

.star a.w2 {
	width: 48px;
}

.star a.w3 {
	width: 72px;
}

.star a.w4 {
	width: 96px;
}

.star a.w5 {
	width: 120px;
}

.star a {
	height: 24px;
	float: left;
}

@media only screen  and (min-width:600px) {
	div#content p img{
	width:100%;
	height:auto;
	}
div#content p {
	width:100%;
	height:auto;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */
div#content p img{
	width:100%;
	height:auto;
	}
}
